<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>QQ彩贝高级搜索</title>
		<style>
			 
			.no1{
				width: 200px;
				margin:200px 500px;
				padding: 10px;
				border: 1px solid rosybrown;
				padding-left: 30px;
				height:200px;
				overflow: hidden;
				background-color: #DDDDDD;
			}
			.no1:hover{
				transition: 2s;
				height: 320px;
			}
			.no1>p{
				height:5px;
				width: 165px;
				background-color: red;
			}
			#show input:nth-of-type(2){
				margin-top: 20px;
				margin-left: 55px;
			}
			#hid{
				margin-top: 30px;
				margin-left:25px;
				line-height: 25px;
				
			}
			#show input{
				height: 30px;
			}
			#hid select{
				display: inline-block;
				
				margin-left: 10px;
			}
		</style>
	</head>
	<body>
		<div class="no1">
			<h1>高级搜索</h1>
			<p></p>
			<form method="get" action="#">
				<div id="show">
					<input type="search" placeholder="请输入关键字" size="20"/><br />
					<input type="submit"  value="搜索" />	
				</div>
				<div id="hid">
					<select name="ch">
						<option value=" " selected="selected">场合</option>
						<option value="1">场合1</option>
						<option value="2">场合2</option>
					</select>
					<select name="sex">
						<option value=" " selected="selected">性别</option>
						<option value="1">男</option>
						<option value="2">女</option>
					</select><br />
					<select name="fg">
						<option value=" " selected="selected">风格</option>
						<option value="1">风格1</option>
						<option value="2">风格2</option>
					</select>
					<select name="sx">
						<option value=" " selected="selected">色系</option>
						<option value="1">色系1</option>
						<option value="2">色系2</option>
					</select><br />
					<select name="jg">
						<option value=" " selected="selected">价格</option>
						<option value="1">价格1</option>
						<option value="2">价格2</option>
					</select>
					<select name="age">
						<option value=" " selected="selected">年龄</option>
						<option value="1">20</option>
						<option value="2">30</option>
					</select><br />
					<select name="jj">
						<option value=" " selected="selected">季节</option>
						<option value="1">春</option>
						<option value="2">夏</option>
						<option value="3">秋</option>
						<option value="4">东</option>
					</select>
					
				</div>
			</form>
			
		</div>
	</body>
</html>
